<li class="doc-li" *ngFor="let cat of menuList">
    <i [class.rotate-90]="cat.expanding" class="material-icons" *ngIf="cat.children" (click)="expanding(cat)">play_arrow</i>
    <span (click)="expanding(cat)">
        {{cat.name}}
        <ng-container *ngIf="cat.children">({{cat.children.length}})</ng-container>
    </span>
    <ul *ngIf="cat.children && cat.expanding" class="doc-ul">
        <li *ngFor="let menu of cat.children" class="position-relative">
            <a [routerLink]="menu.url">{{menu.name}}</a>
            <p *ngIf="menu.desc">{{menu.desc}}</p>
            <div class="position-right">
                <i class="icon material-icons on-top" *ngIf="user && menu.owner" title="放弃所有者" (click)="abandonOwner(menu)">person_add</i>
                <i class="icon material-icons" *ngIf="user && !menu.owner" title="我是文档所有者" (click)="asOwner(menu)">person_add</i>
                <i class="icon material-icons" [class.on-top]="menu?.top" (click)="setTop(menu)" title="{{menu?.top ? '取消关注': '关注'}}">{{menu?.top?'visibility':'visibility_off'}}</i>
            </div>
        </li>
    </ul>
</li>
